
<!DOCTYPE html>

<html>
    <head>
        <title>WKWebView+UITableView</title>
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    </head>
    
    <!--   CSS语法-->
    <style type='text/css'>
        img {
            max-width: 100%;
        }
    .image-package {
        margin: 0 -15px 25px;
        line-height: 1;
        text-align: center;
    }
    .image-package .image-caption {
        display: inline-block;
        min-width: 20%;
        max-width: 80%;
        min-height: 20px;
        border-bottom: 1px solid #d9d9d9;
        margin: 0 auto;
        padding: 10px;
        font-size: 14px;
        color: #999;
        line-height: 150%;
    }
    </style>
    
    <body>
        <div id="content" style="padding-top: 64px;">
            
            <h2 style="text-align:center">Welcome To You</h2>
            <p style="text-align: center ;background-color: #e6b500">wsl ~且行且珍惜~ ls</p>
            <p style="text-align:center"><img src="wsl.png" width="200" height="200"></p>
                
                <p style="text-align:center"> <a href="https://www.jianshu.com/u/e15d1f644bea">简书</a> </p>
                <p style="text-align:center"> <a href="https://github.com/wsl2ls">Github</a></p>
                <p style="text-align:center"> <a href="iOS2679114653">微信公众号：iOS2679114653</a></p>
                <p style="text-align:center"> <a href="835303405">QQ群：835303405</a></p>
                <p style="text-align:center"> <a href="https://weibo.com/5732733120/profile?rightmod=1&wvr=6&mod=personinfo&is_all=1">微博@且行且珍惜_iOS</a></p>
                <p style="text-align:center"> <a href="https://juejin.im/user/5c00d97b6fb9a049fb436288">掘金</a></p>
                
                <div class="image-package">
                    <img src="https://upload.jianshu.io/users/upload_avatars/1708447/fe2c67e7-25f7-4e2e-a321-a5d517c124aa.jpeg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240"><br><div class="image-caption">努力敲代码中~</div>
                        </div>
                <div class="image-package">
                    <img src="http://b-ssl.duitang.com/uploads/item/201507/13/20150713182820_5mHce.jpeg"><br><div class="image-caption">路飞</div>
                        </div>
                <div class="image-package">
                    <img src="http://b-ssl.duitang.com/uploads/blog/201401/08/20140108182739_kFHxN.thumb.224_0.gif"><br><div class="image-caption">路飞的迷妹~</div>
                        </div>
                <div class="image-package">
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1590574073707&di=4c0752ac8777b9e30f85756189ce1c7b&imgtype=0&src=http%3A%2F%2F00imgmini.eastday.com%2Fmobile%2F20181228%2F20181228085224_897c56449dc204f4443d150207f1220f_3.jpeg"><br><div class="image-caption">24号传奇</div>
                        </div>
                <div class="image-package">
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1590574213364&di=c04886803e0c0849be4bcfbb4fa5ea57&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20180328%2F364a77badc2c4aed8ab382e62651110d.gif"><br><div class="image-caption">美如画的投篮</div>
                        </div>
                
                <div class="image-package">
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1590574356101&di=29711fb3808a53a67ba9ee0139000ff3&imgtype=0&src=http%3A%2F%2F01.minipic.eastday.com%2F20170625%2F20170625040114_2a27ceccee9fe4e60757d1c22a9f10f4_4.jpeg"><br><div class="image-caption">酷</div>
                        </div>
                <div class="image-package">
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1590574444194&di=3f1d5730bc757a866ebba2aef6248367&imgtype=0&src=http%3A%2F%2Fhiphotos.baidu.com%2F_pennsylvania%2Fpic%2Fitem%2Ff939292bf63db47f1f3089ad.jpg"><br><div class="image-caption">酷</div>
                        </div>
                <div class="image-package">
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1590574473190&di=a6d3a0e1cf189e5222d4fb8d21ee0475&imgtype=0&src=http%3A%2F%2Fupload.mnw.cn%2F2016%2F0414%2F1460606040792.jpg"><br><div class="image-caption">告别科比</div>
                        </div>
                </div>
        
        <!--         视频-->
           <p style="text-align:center"> <video width="320" height="240" controls="controls"  poster="http://a.hiphotos.baidu.com/zhidao/pic/item/0d338744ebf81a4cd90f1d3ad72a6059252da600.jpg">
               <source src="http://baobab.kaiyanapp.com/api/v1/playUrl?vid=39183&editionType=normal&source=qcloud" type="video/mp4" />
           </video>
           </p>
           
        <p>以上图片来源于网络</p>
        
        <!-- tableView占位标签  -->
        <div id="placeholder"></div>
        <!--   JS语法-->
        <script type="text/javascript" charset="utf-8">
            function changeHeight(h) {
                document.getElementById("placeholder").style.height = h + "px";
            }
        </script>
        
    </body>
    
</html>
